<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>瑜伽会馆登录</title>
	<style>
		body {
			font-family: 'Helvetica Neue', Arial, sans-serif;
			background: #f6f6f6;
			margin: 0;
			padding: 0;
		}
		.container {
			max-width: 400px;
			margin: 40px auto;
			background: #fff;
			border-radius: 12px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.08);
			padding: 24px;
		}
		h2 {
			text-align: center;
			margin-bottom: 24px;
			color: #333;
		}
		.form-group {
			margin-bottom: 18px;
		}
		label {
			display: block;
			margin-bottom: 6px;
			color: #666;
		}
		input[type="text"], input[type="password"] {
			width: 100%;
			padding: 10px;
			border: 1px solid #ddd;
			border-radius: 6px;
			font-size: 16px;
			box-sizing: border-box;
		}
		button {
			width: 100%;
			padding: 12px;
			background: #6bc1b6;
			color: #fff;
			border: none;
			border-radius: 6px;
			font-size: 16px;
			cursor: pointer;
			margin-top: 8px;
		}
		.logout-btn {
			background: #f44336;
			margin-top: 16px;
		}
		#footer-nav {
			max-width:400px;
			margin:24px auto 0 auto;
			padding:12px 0 0 0;
			text-align:center;
			background:none;
			box-shadow:none;
		}
	</style>
</head>
<body>
	<div class="container" id="login-container">
		<h2>登录瑜伽会馆</h2>
		<div class="form-group">
			<label for="username">用户名</label>
			<input type="text" id="username" placeholder="请输入用户名">
		</div>
		<div class="form-group">
			<label for="password">密码</label>
			<input type="password" id="password" placeholder="请输入密码">
		</div>
		<button onclick="login()">登录</button>
	</div>
	<div class="container" id="footer-nav">
	<a href="home.html" style="margin:0 12px;color:#6bc1b6;text-decoration:none;font-size:18px;">首页</a>
	<a href="index.html" style="margin:0 12px;color:#6bc1b6;text-decoration:none;font-size:18px;font-weight:bold;">课程</a>
	<a href="message.html" style="margin:0 12px;color:#6bc1b6;text-decoration:none;font-size:18px;">消息</a>
	<a href="my.html" style="margin:0 12px;color:#6bc1b6;text-decoration:none;font-size:18px;">个人中心</a>
	</div>
	<script>
		// 固定账号密码模拟登录
		const FIXED_USER = {
			username: 'testuser',
			password: '123456'
		};
		function login() {
			const username = document.getElementById('username').value.trim();
			const password = document.getElementById('password').value;
			if (username === FIXED_USER.username && password === FIXED_USER.password) {
				window.location.href = 'my.html';
			} else {
				alert('账号或密码错误！\n账号:testuser\n密码:123456');
			}
		}
	</script>
</body>
</html>
